body{
    color: #555555;
}
ul{padding: 0}
ul,li{list-style: none}
a,a:hover,a:link,a:visited{
    text-decoration: none;
}
/* ------------------- multiply CSS ------------------ */
/* 块状元素水平居中 */
.auto{margin-left:auto; margin-right:auto;}
/* 清除浮 动*/
.fix{*zoom:1;}
.fix:after{display:table; content:''; clear:both;}
/* 基于display:table-cell的自适应布局 */
.cell{display:table-cell; *display:inline-block; width:2000px; *width:auto;}
/* 双栏自适应cell部分连续英文字符换行 */
.cell_bk{display:table; width:100%; table-layout:fixed; word-wrap:break-word;}
/* 单行文字溢出虚点显 示*/
.ell{text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
/* css3过渡动画效果 */
.trans{
    -webkit-transition:all 0.3s;
    transition:all 0.3s;
}
/* 大小不定元素垂直居中 */
.dib_vm{display:inline-block; width:0; height:100%; vertical-align:middle;}
.pt35{padding-top:35px;}
.vm{vertical-align: middle}
/* 左侧一级导航 */
.firstNavWrap{
    position: absolute;
    left: 0;
    width: 125px;
    top: 0;
    bottom: 0;
    background: #59abab;
}
.firstNavWrap li{
    padding: 35px 0;
    color: #fff;
    cursor: pointer;
}
.firstNavWrap li.active,.firstNavWrap li:hover{
    background: #75caca;
}
.firstNavIcon{
    display: inline-block;
    width: 77px;
    height: 70px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.firstNavIcon[data-code="01"]{background-image: url(../images/nav_01.png);}
.firstNavIcon[data-code="02"]{background-image: url(../images/nav_02.png);}
.firstNavIcon[data-code="03"]{background-image: url(../images/nav_03.png);}
.firstNavIcon[data-code="04"]{background-image: url(../images/nav_04.png);}
/* 左侧二级导航 */
.secondNavWrap{
    position: absolute;
    left: 125px;
    width: 106px;
    top: 0;
    bottom: 0;
    background: #f1f1f1;
}
.secondNavWrap>nav{padding-top: 40px}
.secondNavWrap .secondNav{
    display: block;
    line-height: 26px;
    color: #555;
}
.secondNavIcon{
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-left: 5px;
    background-image: url(../images/dot-icon.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    vertical-align: middle;
}
.secondNav.active,.secondNav:hover{
    background: url(../images/secondNav-active_bg.png) no-repeat right;
}
.secondNav.active .secondNavIcon,.secondNav:hover .secondNavIcon{
    background-image: url(../images/sanjiao.png);
}
/* 正文区域 */
.mainContent{
    position: absolute;
    left: 231px;
    right: 0;
    top:0;
    bottom: 0;
}
.templateList{
    overflow: hidden;
}
.list-itemWrap{
    float: left;
    width: 20%;
    padding: 10px;
}
.list-item{
    position: relative;
    padding: 45%;
    background-image: url("../images/0_03_03.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.list-item-btn{
    position: absolute;
    left: 0;
    right: 0;
    top: 42%;
    width: 80%;
    padding: 5px 20px;
    margin: auto;
    font-size: 20px;
    color: #0ba4da;
    border: 1px solid;
    background: #f1f2f3;
}
.list-item-btn>i{
    display: inline-block;
    width: 29px;
    height: 29px;
    margin-left: 5px;
    background: url(../images/templateView.png) no-repeat center;
    background-size: cover;
    vertical-align: -0.3em;
}

.commonTitle{
    overflow: hidden;
    border: 1px solid #cccccc;
    padding: 0 20px 0 0;
    height: 40px;
    line-height: 40px;
}
.commonTitle>span{
    display: inline-block;
    height: 38px;
    color: #fd5721;
    border-bottom: 2px solid;
    padding: 0 20px;
}
.commonTitle>.btn{
    margin-top: 2px;
}

.commonBox{
    padding:0 20px;
    background: #fff;
    border: 1px solid #dfe0e2;
}
.commonBox-title{
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #dfe0e2;
}
.commonBox-title:before{
    content: '|';
    color: red;

}
.grayBox{
    border: 1px solid #dfe0e2;
    background: #fafafa;
}